<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>The 17th Macao International Trade and Investment Fair (MIF) Summary of Activities</title>
<style type="text/css">
body {
	font-family: Helvetica;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#content {
	padding: 10px;
}
header {
	border-bottom: 1px solid #bebebe;
}
header h1, header h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
header h1 {
	font-size: 22px;
	font-weight: bold;
	line-height:30px;
    padding-bottom: 5px;
}
section {
	font-size: 16px;
}
</style>
</head>
<script language="javascript"> 
 
			
			
function setAllImagesWidth (wid) {
 
 
var imglen = document.getElementsByTagName("img").length;
for (var i=0;i<imglen;++i) 
{
	var objImg = document.getElementsByTagName("img")[i];
	var oldWid = objImg.width;
	var oldHig = objImg.height;
	
	var scale = wid/oldWid;
	var newHig = oldHig*scale;
	
	objImg.width = wid;
	objImg.height = newHig;
	
	objImg.id = "img"+i;
 
}
}

</script>
<body>
<div id="content">
  <header>
    <h1>%@tittle</h1>
  </header>
  <section>
	<p>
      <a id="videoobjA" href="videoobj|"></a>
      <a id="imageobjA" href="imageobj|"></a>
      %@body
    </p>
  </section>
</div>
 <div id="show"></div>
</body>
</html>
<!--js-->
